<template>
  <!-- 书写html结构 -->
  <div>
    <!-- 头部刷新 -->
    <van-pull-refresh v-model="isLoading" @refresh="onRefresh">
      <!-- 粘性布局 -->
      <van-sticky>
      <van-nav-bar
      title="工商登记信息"
      left-text="返回"
      left-arrow
      @click-left="returnTo" />
      </van-sticky>
      <van-row style="margin-top: 3px; height: 30px; line-height: 30px">
        <van-col span="9">工商登记信息</van-col>
        <van-col span="7"></van-col>
        <van-col span="8"></van-col>
      </van-row>
      <div style="text-align: left; margin-left: 9px">
        <van-image
          width="12rem"
          height="12rem"
          fit="contain"
          src="https://img01.yzcdn.cn/vant/cat.jpeg" />
      </div>
    </van-pull-refresh>
  </div>
</template>

<script>
import { Toast } from "vant";
//书写组件配置项目 相当于写js代码的地方
//要求template必须有且只有一个根元素，如果有两个就不知道绑定那个
export default {
  //export default 相当于过去的new vue ({el:"#div"})
  //全部都是json格式

  props: {
    //注册属性，用来父子组件传递参数使用
  },
  data() {
    //定义数据的地方
    return {
      isLoading: false, //刷新参数
    };
  },
  created() {
    //生命周期  创建后要做的事情  vue被创建时候执行的
  },
  mounted() {
    // 生命周期  挂载完成后
  },
  methods: {
    returnTo() {
      this.$router.go(-1);
    },
    //  方法事件处理
    //刷新方法
    onRefresh() {
      setTimeout(() => {
        Toast("刷新成功");
        this.isLoading = false;
        //调用请求
      }, 1000);
    },
    jump(uri) {
      this.$router.push(uri);
    },
  },
  components: {
    // 组件注册的地方 相当于pom文件
  },
};
</script>
